<!DOCTYPE html>
<!-- saved from url=(0076)http://yth.0101data.cn/course-orginal/cse5a0e5af7a7f3a9-93397175/contributed -->
<html>
	<!-- Mirrored from clear.lcrm.in/dark/layout_fixed.html by HTTrack Website Copier/3.x [XR&CO'2014], Tue, 02 May 2017 07:54:24 GMT -->

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

		<title>作业完成情况</title>
		<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
		<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
		<!--[if lt IE 9]>
		<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
		<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
		<![endif]-->

		<link rel="stylesheet" href="css/site.completed.min.css" />
		<link rel="stylesheet" href="css/bootstrap-datetimepicker.css" />
		<link rel="stylesheet" href="css/toastr.min.css" />
		<link rel="stylesheet" href="css/select2.min.css" />
		<link rel="stylesheet" href="css/cbvm.app.css" />

		<!--end page level css-->
		<!-- global js -->
		<script type="text/javascript" src="js/jquery.3.js"></script>
		<!--放在最前面-->
		<script type="text/javascript" src="js/site.completed.min.js"></script>
		<script type="text/javascript" src="js/bootstrap-datetimepicker.js"></script>
		<script type="text/javascript" src="js/bootstrap-datetimepicker.zh-CN.js"></script>
		<script type="text/javascript" src="js/select2.min.js"></script>
		<script type="text/javascript" src="js/toastr.js"></script>
		<script type="text/javascript" src="js/cbvm.app.js"></script>
		<script type="text/javascript" src="js/pnotify.custom.min.js"></script>
		<script type="text/javascript" src="js/Chart.js" ></script>
		<!--
      	作者：864478199@qq.com
      	时间：2018-03-21
      	描述：样式
      -->
		<link rel="stylesheet" href="css/layui.css" />
		<link rel="stylesheet" href="mystyle.css" />
		<!--
        	作者：864478199@qq.com
        	时间：2018-04-02
        	描述：js
        -->
		<script type="text/javascript" src="layui/layui.js"></script>
	</head>

	<!-- 模块拼接js -->
	<script type="text/javascript">
		$(document).ready(function() {
			$('.header').load("header.html");
			$('.left').load("left.html");
		})
	</script>

	<body class="skin-default fixed-menu">
		<!-- 外部头部拼接 -->
		<div class="header"></div>

		<div class="wrapper row-offcanvas row-offcanvas-left">
			<!-- Left side column. contains the logo and sidebar -->
			<aside class="left-side sidebar-offcanvas">
				<!-- sidebar: style can be found in sidebar-->
				<div class="left"></div>
				<!-- /.sidebar -->
			</aside>
			<aside class="right-side fixednav_right">
				<section class="content-header">
					<!--
              	作者：864478199@qq.com
              	时间：2018-03-26
              	描述：修改面包屑
              -->

					<ol class="breadcrumb">
						<li>
							<a href="http://yth.0101data.cn/">
								<i class="fa fa-fw ti-home"></i> 面板
							</a>
						</li>
						<li class="active">
							我的课程面板
						</li>
					</ol>
					<h1>
			        我的课程面板
			    </h1>
				</section>
				<section class="content">
					<!-- second table start -->
					<div class="row">
						<div class="col-lg-12">
							<div class="panel homework-info">
								<div class="right-title">基本信息</div>
								<div class="base-info layui-row">
									<div class="layui-col-sm4">
										<span>名称：&nbsp; </span><span>作业1</span>
									</div>
									<div class="layui-col-sm4">
										<span>面向对象：&nbsp; </span><span>团队</span>
									</div>
									<div class="layui-col-sm4">
										<span>考核能力：&nbsp; </span><span>核心能力1，核心能力2</span>
									</div>
								</div>
								<fieldset class="layui-elem-field layui-field-title">
									<legend></legend>
								</fieldset>
								<div class="right-title">完成情况</div>
								<div class="noData">
									<table class="layui-table" lay-skin="line">
										<colgroup>
											<col width="60">
											<col width="130">
											<col width="130">
											<col width="130">
											<col width="150">
											<col width="80">
											<col width="130">
											<col width="80">
										</colgroup>
										<thead>
											<tr>
												<th>序号</th>
												<th>组名</th>
												<th>组长</th>
												<th>文档类别</th>
												<th>作业链接</th>
												<th>成绩</th>
												<th>评语</th>
												<th></th>
											</tr>
										</thead>
									</table>
									<div class="noData-bg">
										
									</div>
								</div>
								<div class="hasData">
									<div class="homework-list">
										<table class="layui-table" lay-skin="line">
											<colgroup>
												<col width="60">
												<col width="130">
												<col width="130">
												<col width="130">
												<col width="150">
												<col width="80">
												<col width="130">
												<col width="80">
											</colgroup>
											<thead>
												<tr>
													<th>序号</th>
													<th>组名</th>
													<th>组长</th>
													<th>文档类别</th>
													<th>作业链接</th>
													<th>成绩</th>
													<th>评语</th>
													<th></th>
												</tr>
											</thead>
											<tbody>
												<tr>
													<td>1</td>
													<td>团队1</td>
													<td>林晓辉</td>
													<td>-</td>
													<td>-</td>
													<td>95</td>
													<td>不错！</td>
													<td class="homework-no1">No.1</td>
												</tr>
												<tr>
													<td>2</td>
													<td>团队3</td>
													<td>陈欣</td>
													<td>-</td>
													<td>-</td>
													<td>85</td>
													<td>不错！</td>
													<td></td>
												</tr>
											</tbody>
										</table>
									</div>
									<div class="right-title">成绩统计</div>
									<div class="sorce-count">
									<div class="sorce-count-canvas">
										<div>
											<canvas class="score-pie"></canvas >
										</div>
									</div>
									<div class="sorce-count-tab">
										<table class="layui-table" lay-skin="line">
											<colgroup>
												<col width="100">
												<col width="100">
											</colgroup>
											<tbody>
												<tr>
													<td>平均成绩</td>
													<td>85（良好）</td>
												</tr>
												<tr>
													<td>标准差</td>
													<td>7.31</td>
												</tr>
												<tr>
													<td>最高分</td>
													<td>95（优秀）</td>
												</tr>
												<tr>
													<td>最低分</td>
													<td>60（及格）</td>
												</tr>
												<tr>
													<td>中位数</td>
													<td>85（良好）</td>
												</tr>
											</tbody>
										</table>
									</div>
								</div>
								</div>
							</div>
							<!--
            	作者：864478199@qq.com
            	时间：2018-03-26
            	描述：底部
            -->
							<div class="login-footer2">
								<span>厦门理工学院 &copy; 2018</span>
							</div>
						</div>
					</div>
				</section>
			</aside>
		</div>
	</body>
	<script type="text/javascript">
		var ctx = $('.score-pie');
		var myChart = new Chart(ctx,{
			type: 'pie',
			data: {
				datasets:[{
					data: [5,20,8,10,5],
					backgroundColor: [
						'#faa949',
						'#5fb878',
						'#3fcdcd',
						'#df9397',
						'#d1ffde'
					],
					label: 'Hello World'
				}],
				labels: [
					'100-90分',
					'89-80分',
					'79-70分',
					'69-60分',
					'60分以下'
				]
			},
			options: {
				responsive: true,
				responsiveAnimationDuration: 100,
				legend:{
					position: 'right',
					labels: {
						padding: 20,
						usePointStyle: true
					},
					layout: {
						left: 0,
            right: 0,
            top: 0,
            bottom: 0
					}
				},
				tooltips: {
					enabled : true,
					callbacks: {
						afterLabel: function(tooltipItem, data){
							var label = '单位：人';
							return label;
						}
					}
				}
			}
		})
	</script>
</html>